<template>
  <div>
    <a-form-model ref="form" slot="detail">
      <a-row>
        <div class="select-pk">
          <span>调拨编号：</span>
          <span>{{record.allocateAndTransferNo}}</span>
        </div>
        <div class="select-pk">
          <span>调拨日期：</span>
          <span>{{record.allocateAndTransferTime || '无'}}</span>
        </div>
        <div class="select-pk">
          <span>出库仓库：</span>
          <span>{{record.outDepository}}</span>
        </div>
        <div class="select-pk">
          <span>入库仓库：</span>
          <span>{{record.inDepository}}</span>
        </div>
        <div class="select-pk">
          <span>创建人：</span>
          <span>{{record.createBy}}</span>
        </div>
        <div class="select-pk">
          <span>审批原因：</span>
          <span>{{record.reason || '无'}}</span>
        </div>
        <div class="select-pk">
          <span>状态：</span>
          <span>{{record.statusValue}}</span>
        </div>
        <div class="select-pk">
          <span>备注：</span>
          <span>{{record.remark == null || record.remark == "" ? "无":record.remark}}</span>
        </div>
      </a-row>
    </a-form-model>

  </div>
</template>

<script>
  export default {
    name: "checkOrderInfoTab",
    props: {
      record: {}
    },
    data() {
      return {
        labelCol: {
          xs: {span: 24},
          sm: {span: 5},
        },
        wrapperCol: {
          xs: {span: 24},
          sm: {span: 16},
        },
      }
    },
    methods: {
      getCheckResult(text){
        switch (text) {
          case 1:
            return "正常"
          case 2:
            return "盘盈"
          case 3:
            return "盘亏"
        }
      }
    }
  }
</script>

<style scoped lang="less">
  @import '~@assets/less/common.less';
  .select-pk{
    display:flex;
    align-items:center;
    margin:10px 0;
    &>span{
      font-weight: bold;
    }
    &-text{
      width: calc(100% - 6em);
      height: 30px;
      text-indent: 1em;
      line-height: 28px;
      border: 1px solid #d9d9d9;
      border-radius: 4px;
    }
  }
</style>